<template>
	<view class="container">
		<view class="titlelunbo">为防止上传非法内容，将进行人工审核后才可使用</view>

		<view class="vipoption" v-if="product&&product.risk_free_list">
			<view class="title">
				<!-- <view class="block"></view> -->
				<view class="text">选择抖音卡片套餐</view>
			</view>

			<view class="vipoptiontit">
				<image class="img" src="https://dysx-h5.shjiuliwl.com/Eblock/images/reddun.png"></image>
				<view class="vipoptiontittxt">
					<liu-notice-bar :dataList="run" color="rgba(252, 69, 28, 1)" :interval="3000"></liu-notice-bar>
				</view>
			</view>	
			<view class="iteminput">
				<view class="input_text">抖音卡片数量</view>
				<image class="jianhaoimg" @tap="inputjian" src="https://dysx-h5.shjiuliwl.com/Eblock/images/jianhao.png"></image>
				<input class="mathematicsinput" v-model="card_count"/>
				<image class="jianhaoimg" @tap="inputjia" src="https://dysx-h5.shjiuliwl.com/Eblock/images/jiahao.png"></image>
			</view>
			<view class="slideSelection">
				<scroll-view class="scroll-view_H" scroll-x="true">
					<view :class="item.id ==product_risk_item.id?'scroll_item active11':'scroll_item'"
							v-for="item,index in product.risk_free_list" :key="index" @tap="Selectid(item)">
						<view class="item_top">{{ item.exp_date_desc }}</view>
						<view class="item_center"><span class="span2">￥</span>{{ item.price/100}}</view>
						<view class="item_average">每张卡片：{{item.price_desc/100}}元/天</view>
						<view class="item_bottom" v-show="item.id ==product_risk_item.id"></view>
					</view>
				</scroll-view>         
			</view> 
		</view>
		<view class="title">
			<!-- <view class="block"></view> -->
			<view class="text">抖音企业号套餐</view>
		</view>
		<view class="enterprise_Package" v-if="product&&product.qiye_list">
			<view class="enterprise_Package_item" v-for="(item,index) in product.qiye_list" :key="index" @tap="defulenter(item)">
				<image class="Package_icon" :src="item.icon"></image>
				<view class="Package_text">
					<view class="Package_text_one">{{item.name}}</view>
					<view class="Package_text_two">{{ item.desc }}</view>
				</view>
				<view class="Package_money"><span class="span1">￥ </span>{{ item.price/100 }}</view>
				<image class="Package_icon2" v-if="enterpriseAccount.includes(item.id)" src="https://dysx-h5.shjiuliwl.com/Eblock/images/lanxuanzhong.png"></image>
				<image class="Package_icon2" v-else src="https://dysx-h5.shjiuliwl.com/Eblock/images/weixuianzhong.png"></image>
			</view>
		</view>
		<!-- <view class="afterSales">
			<image class="img" src="https://dysx-h5.shjiuliwl.com/Eblock/images/viplb.png"></image>
		</view> -->
		<view class="topay">
			<view class="topay_center">
				<view class="topay_center_top">虚拟产品卡片生成后无法退款</view>
				<!-- <view class="topay_center_top">{{ card_count }}个卡片（{{product_risk_item.exp_date_desc}}）</view> -->
				<view class="topay_center_bottom">合计：<span class="span1">￥{{ allmoney.toFixed(2) }}</span></view>
			</view>
			<view class="topay_click" @tap="topay">开通会员</view>
		</view>
		<!-- 弹出联系客服弹框 -->
		<uni-popup ref="popup" :mask-click="false" :safe-area="false">
			<view class="popupcenter">
				<view class="logo"></view>
				<view class="maintext" style="margin-top: 100rpx;">因IOS设备限制支付</view>
				<view class="maintext">请联系客服开通会员即可使用</view>
				<view class="userid">会员账号：{{ userId }}</view>
				<view class="butttom" @tap="getservicelink">点击复制账号 联系客服</view>
				<image class="imgcha" src="https://dysx-h5.shjiuliwl.com/Eblock/images/叉叉.png" @click="close"></image>
			</view>
		</uni-popup>

	</view> 
</template>

<script>
import { onGotApiData , getService,addClick } from '../../utils/api.js';
export default {
	data() {
		return {
			product:[],  //产品
			product_risk:{}, // 选择有无风险
			product_risk_item:[], //选择的套餐
			card_count:0, //输入框卡片的数量
			enterpriseAccount:[], //企业套餐选中的id
			enterprisemoney:0,   //企业套餐的价格
			allmoney:0,//最终的价格
			channel_no:'',
			run:[], //跑马灯
			ispay:false, //支付防重复
			defuelvip:0, // 选中几个会员
			userId:'',
			openid:'',
			Device:'',
			phone:'',
		}	
	},
	onLoad(e){
		const that = this
		this.userId = uni.getStorageSync('dysx_userId')||''
		this.openid = uni.getStorageSync('dysx_openid')||''
		this.phone = uni.getStorageSync('dysx_phone')||''
		// 请求参品
		this.getproduct()
		// 事件统计
		// addClick('会员页','V3','访问数')
		// 跑马灯
		this.marquee()	
		wx.getSystemInfo({
			success: function (res) {
				that.Device = res.system.substring(0, 3)
				console.log('什么设备',that.Device); // 打印平台信息iOS 10.0.1
			}
		});
	},
	onShow() {

	},
	onReady() {
    // 页面初次渲染完成时执行的代码

	},
	onHide() {
    // 页面隐藏时执行的代码
	},
	onUnload() {
    // 页面卸载时执行的代码
	},
	// 生命周期的第四个函数，在该函数将数据渲染到页面上，生成真实dom
	mounted(){

	},
	watch: {
		card_count: {
       	 immediate: true, //初始化时让handler调用一下
        //handler什么时候调用？当isHot发生改变时。
        	handler(newValue, oldValue) {
        	  console.log('卡片数量改变了', newValue)
			  console.log("product_risk_item",this.product_risk_item)
				if(this.product_risk_item.price){
					this.allmoney = (this.product_risk_item.price / this.product_risk_item.card_count)/100 * newValue + this.enterprisemoney/100 
				}
      	  }
   	   },
		product_risk_item: {
       	 immediate: true, //初始化时让handler调用一下
      	  //handler什么时候调用？当isHot发生改变时。
      	  handler(newValue, oldValue) {
      	    console.log('套餐改变了', newValue)
			  console.log("product_risk_item",this.product_risk_item)
			  if(!newValue.price){
				this.allmoney = this.enterprisemoney/100
				this.defuelvip = this.enterpriseAccount.length
			  }else{
				this.allmoney = this.product_risk_item.price / 100 + this.enterprisemoney/100
				this.defuelvip = this.enterpriseAccount.length + 1
			}
     	  }
    	},
    },
	methods: {
		// 关闭苹果弹框
		close(){
			this.$refs.popup.close()
		},
		// 吊起获取客服联系客服接口
		getservicelink () {
			const params = {}
			onGotApiData('/wxxcx_api/kf/get','GET',params,this.service_value)
		},
		service_value (result) {
			console.log('客服',result)
			this.close()
			if(result.code == 200){
				// 关闭弹框
			wx.openCustomerServiceChat({
				extInfo: {url: `${that.servicevalue.kf_link}`},
				corpId: that.servicevalue.corpId,
				success(res) {
					console.log("我是客服",res)
				},
				fail(res){ 
					console.log("我是失败客服",res)
				}
			})
			}
		},
		// 获取产品	
		getproduct() { 	
			const params = {
				is_risk:0,
			}
			onGotApiData('/wxxcx_api/product/v1/list','GET',params,this.getproduct_value)
		},
		// 获取产品的结果
		getproduct_value(result) {
			this.product = result.data
			console.log('产品结果',this.product)
			this.product.risk_free_list.forEach((item)=>{
				if(item.default_select == 1){
					this.product_risk_item = item  
					this.card_count = item.card_count
				}
			})
			// this.product_risk_item = this.product_risk.list[0] 
		},

		// 切换会员
		Selectid(item){	
			if(item.id == this.product_risk_item.id){
				this.product_risk_item = {}
				this.card_count = 0
			}else{
				this.product_risk_item = item
				this.card_count = this.product_risk_item.card_count
			}
		},		
		// 点击勾选企业套餐
		defulenter(items){
			// if(items.icon =="https://dysx-h5.shjiuliwl.com/Eblock/images/qy1.png"){
			// 	// 事件统计
			// 	addClick('会员页','V3','点击自动回复套餐')
			// }else{
			// 	// 事件统计
			// 	addClick('会员页','V3','点击小风车套餐')
			// }
			if(this.enterpriseAccount.includes(items.id)){
				this.enterpriseAccount.forEach((item,index)=>{
					if(items.id == item){
						this.enterpriseAccount.splice(index,1)
						this.enterprisemoney = this.enterprisemoney - items.price
						console.log(items.price,'价格',this.enterprisemoney)
						this.allmoney = this.allmoney - items.price/100
					}
				})
			}else{
				this.enterpriseAccount.push(items.id)
				this.enterprisemoney = this.enterprisemoney + items.price
				console.log(items.price,'价格',this.enterprisemoney)
				this.allmoney = this.allmoney + items.price/100
			}
			console.log("我是复选框数组",this.enterpriseAccount)
		},
		// 输入框的加减
		inputjian(){
			// 事件统计
			// addClick('会员页','V3','卡片数量增')

			if(this.product_risk_item.card_count&&this.card_count > this.product_risk_item.card_count){
				this.card_count --
			}else if(this.product_risk_item.card_count&&this.card_count <= this.product_risk_item.card_count){
				uni.showToast({
					title: '卡片数量最少'+ this.product_risk_item.card_count +'张',
					icon: 'none',
					//显示持续时间为 2秒
					duration: 2000
				})
			}else if(this.card_count <= 0){
				uni.showToast({
					title: '卡片数量最少0张',
					icon: 'none',
					//显示持续时间为 2秒
					duration: 2000
				})
			}else{
				this.card_count --
			}
		},
		inputjia(){
			// 事件统计
			// addClick('会员页','V3','卡片数量减')
			this.card_count ++
		},
		// 点击提交订单
		topay(){
			// 如果他是苹果手机联系客服
			if(this.Device == 'iOS'){
				console.log('我是苹果',this.Device)	
				this.$refs.popup.open('center')
				return
			}
			// 事件统计
			// addClick('会员页','V3','点击开通会员')
			// 防止重复点击
			// if(this.ispay){
			// 	console.log('ispay',this.ispay)
			// 	return
			// }
			// this.ispay = true
			// console.log('ispay',this.ispay)
			let ids = ''
			if(this.product_risk_item.id){
				ids = this.product_risk_item.id + ''
			}else if(!this.product_risk_item.id&&this.enterpriseAccount.length ==0){
				this.ispay = false
				return uni.showToast({
					title: '请至少选中一个套餐',
					icon: 'none',
					//显示持续时间为 2秒
					duration: 2000 
				})
			}
			this.enterpriseAccount.forEach((item,index)=>{
				if(ids == ''){
					ids =  '' + item
				}else{
					ids =  ids + ',' + item
				}
			})
			console.log('id',ids)
			const params = {
				product_id: ids,
				openid:this.openid,
				user_id:this.userId,
				phone:this.phone,
				card_count:this.card_count,
			}
			onGotApiData('/wxxcx_api/order/v1/create','POST',params,this.topay_value)
		},
		// 创建订单成功接口
		topay_value(result){
			console.log(result)
			// 唤起微信支付
			this.requestPayment(result.data)
		},
		// 唤起支付
		requestPayment (result){
			// 唤起微信支付
			wx.requestPayment({
				timeStamp: '' + result.timestamp, // 时间戳，自行生成
				nonceStr: '' + result.noncestr, // 随机字符串，自行生成
				package: 'prepay_id=' + result.prepayid, // 统一下单接口返回的prepay_id参数值
				signType: 'MD5', // 签名算法，固定值为MD5
				paySign: '' + result.sign, // 签名，自行生成
				success: function (res) {
				// 支付成功回调
				console.log('支付成功', res);
				uni.showToast({
						title: '支付成功',
						icon: 'none',
						duration: 2000
					});
					uni.switchTab({
						url: '/pages/my/my'
					});
				return
				},
				fail: function (res) {
				// 支付失败回调
				console.log('支付失败', res);
				uni.showToast({
						title: '支付失败',
						icon: 'none',
						duration: 2000
					});
				}
			});
		},

		// 跑马灯请求
		marquee(){
			let params = {
				channel_no: this.channel_no,
			}
			onGotApiData('/api/run/list','GET',params,this.marquee_value)
		},
		marquee_value(result){
			console.log('跑马灯',result.data)
			result.data.forEach((item,index)=>{
				const obj = {
					id:index,
					titile:item
				}
				this.run.push(obj)
			})
		},
	}
}
</script>

<style scoped lang="scss">
	.container {
		width: 100vw;
		min-height: 100vh;
		margin: 0 auto;
		padding-top: 10rpx;
		overflow: hidden;
		font-family: '思源黑体';
		// width: 750rpx auto;
		background: linear-gradient(180deg, rgba(115, 149, 250, 1) 0%, rgba(68, 114, 252, 1) 75.7%, rgba(115, 149, 250, 0) 100%) no-repeat;
		background-size: 100% 19%;
		.titlelunbo{
			width: 720rpx;
			height: 50rpx;
			margin: 0 auto; 
			border-radius: 8rpx;
			background: rgba(154, 179, 252, 1);
			font-size: 28rpx;
			line-height: 50rpx;
			color: rgba(5, 67, 252, 1);
			text-align: center;
		}
		.title{
			width: 750rpx;
			height: 60rpx;
			padding-top: 20rpx;
			// background-color: pink;
			// border: 1px solid black;
			margin: 0 auto;
			display: flex;
			.block{
				width: 8rpx;
				height: 32rpx;
				background-color: rgba(15, 74, 252, 1);
				margin: 14rpx 0 0 16rpx;
				border-radius: 4rpx;
			}
			.text{
				width: 600rpx;
				height: 60rpx;
				font-size: 32rpx;
				font-weight: 700;
				line-height: 60rpx;
				color: rgba(0, 0, 0, 1);
				margin: 0 0 0 20rpx;
			}
		}  
		// 会员部分
		.vipoption{
			width: 730rpx;
			border-radius: 10rpx;
			// padding-top: 30rpx;
			padding-bottom: 30rpx;
			background-color: rgba(255, 255, 255, 1);
			margin: 0 auto;
			margin-top: 14rpx;
			z-index: 99;
			.vipoptiontit{
				width: 710rpx;
				height: 65rpx;
				margin:  0 auto;
				margin-top: 20rpx;
				background-color: rgba(255, 242, 240, 1);
				border-radius: 40rpx;
				display: flex;
				.img{
					width: 42rpx;
					height: 42rpx;
					margin: 10rpx 10rpx 0 30rpx;
				}
				.vipoptiontittxt{
					width: 600rpx;
					height: 65rpx;
					font-size: 28rpx;
					line-height: 65rpx;
					color: rgba(252, 69, 28, 1);
					overflow: hidden;
				}
			}
			.iteminput{
				width: 710rpx;
				height: 110rpx;
				border-radius: 10rpx;
				margin: 0 auto;
				margin-top: 20rpx;
				// border: 1px solid black;
				background: rgba(237, 242, 255, 1);
				display: flex;
				.input_text{
					width: 210rpx;
					height: 110rpx;
					// border: 1px solid black;
					font-size: 28rpx;
					text-align: center;
					margin: 0 110rpx 0 20rpx;
					line-height: 110rpx;
					color: rgba(0, 0, 0, 1);
				}
				.jianhaoimg{
					width: 48rpx;
					height: 48rpx;
					margin: 31rpx 0rpx;
					// border: 1px solid black;
				}
				.mathematicsinput{
					width: 190rpx;
					height: 60rpx;
					border-radius: 10rpx;
					margin: 25rpx 20rpx;
					border: 1px solid black;
					text-align: center;
					line-height: 60rpx;
					font-size: 38rpx;
				}
			}	
			.slideSelection{
				width: 710rpx;
				height: 300rpx;
				margin: 0 auto;
				margin-top: 20rpx;
				.scroll-view_H{
					// border: 1px solid black;
					width: 710rpx;
					// display: flex;
					white-space: nowrap;
					.scroll_item{ 
						width: 310rpx;
						height: 300rpx;
						margin-right: 12rpx;
						border-radius: 10rpx;
						background-color: rgba(237, 242, 255, 1);
						border: 1px solid rgba(140, 169, 255, 0.8);
						display: inline-block;
						position: relative;
						.item_top{
							width: 310rpx;
							height: 40rpx;
							text-align: center;
							margin-top: 40rpx;
							line-height: 40rpx;
							font-size: 28rpx;
							font-weight: 700;
							color: rgba(56, 56, 56, 1);

						}
						.item_center{
							width: 310rpx;
							height: 80rpx;
							margin-top: 24rpx;
							text-align: center;
							line-height: 80rpx;
							font-size: 60rpx; 
							line-height: 43.44px;
							font-weight: 700;
							color: rgba(0, 0, 0, 1);
							.span2{
								font-size: 32rpx;
							}
						}
						.item_average{
							width: 300rpx;
							height: 50rpx;
							border-radius: 4px;
							background: rgba(220, 228, 252, 1);
							margin: 0 auto;
							margin-top: 60rpx;
							font-size: 24rpx;
							line-height: 50rpx;
							color: rgba(56, 56, 56, 1);
							text-align: center;
						}	
						.item_bottom{
							width: 78rpx;
							height: 78rpx;
							z-index: 99;
							position: absolute;
							top: -24rpx;
							left: 256rpx;
							background: url('https://dysx-h5.shjiuliwl.com/Eblock/images/jiaobiao2.png') no-repeat;
							background-size: 100% 100%;
						}
					}
					.active11{
						border: 1px solid rgba(181, 200, 255, 0.8);
						background: linear-gradient(180deg, rgba(181, 200, 255, 0.8) 0%, rgba(121, 154, 252, 0.8) 100%);
						box-shadow: 1px 2px 2px  rgba(0, 0, 0, 0.25);
						.item_average{
							background:rgba(107, 144, 255, 1);
							color: rgba(255, 255, 255, 1);
						}
					}
				}

			}
			.vipdetails{
				width: 710rpx;
				height: 270rpx;
				margin: 0 auto;
				margin-top: 20rpx;
				border-radius: 6px;
				background: rgba(255, 255, 255, 1);
				display: flex;
				.vipdetailsitem{
					width: 230rpx;
					height: 270rpx;
					.vipdetailsitemone{
						width: 200rpx;
						height: 90rpx;
						padding-left: 30rpx;
						font-size: 28rpx;
						line-height: 90rpx;
						color: rgba(0, 0, 0, 1);
						text-align: left;
					}
				}
				.packageSelection{
					width: 230rpx;
					height: 270rpx;
					.packageSelection_item{
						font-size: 28rpx;
						line-height: 90rpx;
						color: rgba(128, 128, 128, 1);
						text-align: center;
					}
					.packageSelection_money{
						font-size: 28rpx;
						line-height: 90rpx;
						color: rgba(10, 71, 255, 1);
						text-align: center;
					}
				}
				.packageSelection_defual{
					width: 230rpx;
					height: 290rpx;
					border-radius: 6px;
					margin-top: -10rpx;
					padding-top: 10rpx;
					background: linear-gradient(180deg, rgba(163, 186, 255, 0.8) 0%, rgba(82, 125, 255, 0.8) 100%);
					box-shadow: 1px 2px 2px  rgba(0, 0, 0, 0.25);
					position: relative;
					.packageSelection_item{
						width: 230rpx;
						height: 90rpx;
						font-size: 28rpx;
						line-height: 90rpx;
						color: rgba(66, 109, 237, 1);
						text-align: center;
					}
					.packageSelection_money{
						width: 230rpx;
						height: 90rpx;
						font-size: 32rpx;
						line-height: 90rpx;
						font-weight: 700;
						color: rgba(10, 71, 255, 1);
						text-align: center;
					}
					.jiaobiao{
						width: 100rpx;
						height: 100rpx;
						position: absolute;
						top: -28rpx;
						left: 156rpx;
					}
				}
			}
			.iteminput_bottom_text{
				width: 700rpx;
				height: 40rpx;
				margin-top: 40rpx;
				font-size: 28rpx;
				line-height: 40rpx;
				color: rgba(255, 87, 51, 1);
				text-align: center;
			}
		}

		.enterprise_Package{
			width: 730rpx;
			// height: 300rpx;
			margin: 0 auto;
			margin-top: 20rpx;
			padding: 10rpx 0 0 0;
			border-radius: 6px;
			background: rgba(255, 255, 255, 1);
			.enterprise_Package_item{
				width: 730rpx;
				height: 100rpx;
				padding: 10rpx 0 ;
				border-bottom: 1px solid rgba(243, 243, 243, 1);
				display: flex;
				.Package_icon{
					width: 56rpx;
					height: 56rpx;
					margin: 22rpx;
				}
				.Package_text{
					width: 360rpx;
					height: 100rpx;
					margin:  0 0 0 10rpx;
					// border: 1px solid black;
					.Package_text_one{
						width: 360rpx;
						height: 50rpx;
						font-size: 28rpx;
						line-height: 56rpx;
						color: rgba(0, 0, 0, 1);
					}
					.Package_text_two{
						width: 360rpx;
						height: 40rpx;
						font-size: 26rpx;
						line-height: 40rpx;
						color: rgba(128, 128, 128, 1);
					}
				}
				.Package_money{
					width: 130rpx;
					height: 100rpx;
					// border: 1px solid black;
					font-size: 40rpx;
					font-weight: 700;
					line-height: 90rpx;
					text-align: center;
					color: rgba(56, 56, 56, 1);
					.span1{
						font-size: 28rpx;
						font-weight: 700;
						color: rgba(56, 56, 56, 1);
					}
				}
				.Package_icon2{
					width: 48rpx;
					height: 48rpx;
					margin: 24rpx 0 0 40rpx;
				}
			}
		}

		.afterSales{
			width: 740rpx;
			height: 900rpx;
			margin: 0 auto;
			margin-top: 10rpx;
			margin-bottom: 170rpx;
			.img{
				width: 740rpx;
				height: 900rpx;
			}
		}
		.topay{
			width: 750rpx;
			height: 130rpx;
			margin-top: 60rpx;
			background: rgba(255, 255, 255, 1);
			position: fixed;
			bottom: 0;
			z-index: 999;
			display: flex;
			.topay_center{
				width: 450rpx;
				height: 110rpx;
				padding-top: 10rpx;
				.topay_center_top{
					font-size: 28rpx;
					line-height: 50rpx;
					color: rgba(56, 56, 56, 1);
					text-indent: 1em;
				}
				.topay_center_bottom{
					font-size: 28rpx;
					font-weight: 700;
					line-height: 50rpx;
					color: rgba(0, 0, 0, 1);
					text-indent: 1em;
					.span1{
						font-size: 36rpx;
						font-weight: 700;
						color: rgba(255, 87, 51, 1);
					}
				}
			}
			.topay_click{
				width: 300rpx;
				height: 130rpx;
				background: linear-gradient(270deg, rgba(51, 102, 255, 1) 0%, rgba(115, 149, 250, 1) 100%);
				box-shadow: 0px 8px 5px  rgba(0, 0, 0, 0.25);
				font-size: 40rpx;
				line-height: 130rpx;
				color: rgba(255, 255, 255, 1);
				text-align: center;

			}	
		}
		// 会员弹框
		.popupcenter{
			width: 660rpx;
			height: 520rpx;
			border-radius: 14rpx;
			background: rgba(255, 255, 255, 1);
			box-shadow: 0px 2px 4px  rgba(0, 0, 0, 0.25);
			position: relative;
			border-top: 1px solid #fff;
			.logo{
				width: 220rpx;
				height: 220rpx;
				background: url('https://dysx-h5.shjiuliwl.com/Eblock/images/kefu.png') no-repeat;
				background-size: 100% 100%;
				position: absolute;
				left: 450rpx;
				top: -160rpx;
			}
			.maintext{
				width: 660rpx;
				height: 50rpx;
				margin-top: 20rpx;
				font-size: 40rpx;
				font-weight: 700;
				line-height: 50rpx;
				color: rgba(56, 56, 56, 1);
				text-align: center;
			}
			.userid{
				width: 660rpx;
				height: 60rpx;
				font-size: 32rpx;
				line-height: 60rpx;
				color: rgba(56, 56, 56, 1);
				text-align: center;
				margin-top: 50rpx;
			}
			.butttom{
				width: 550rpx;
				height: 90rpx;
				border-radius: 10px;
				background: rgba(91, 121, 252, 1);
				margin: 0 auto;
				margin-top: 60rpx;
				font-size: 32rpx;
				line-height: 90rpx;
				color: rgba(255, 255, 255, 1);
				text-align: center;
			}
			.imgcha{
				width: 68rpx;
				height: 68rpx;
				position: absolute;
				top: 540rpx;
				left: 290rpx;
			}
		}
	}
</style>
